// @ts-ignore
import avatarImg from "./__screenshots__/icon-1.jpg?inline"
export default {
  group: "Antd",
  componentName: "AIcon",
  title: "图标",
  category: "通用",
  npm: {
    destructuring: true,
    componentName: "AIcon"
  },
  props: [
    {
      name: "class",
      title: { label: "设置图标的样式名", tip: "class|设置图标的样式名" },
      propType: "string",
    },
    {
      name: "type",
      description: "图标",
      propType: "string",
      setter: "AntdIconSetter",
    },
    {
      name: "size",
      title: { label: "大小", tip: "size|大小" },
      propType: "number",
      defaultValue: 20,
    },
    {
      name: "color",
      title: { label: "颜色", tip: "color|颜色" },
      propType: "string",
      setter: "ColorSetter",
    },
    {
      name: "rotate",
      title: {
        label: "旋转角度",
        tip: "rotate|图标旋转角度",
      },
      propType: "number",
      defaultValue: 0,
    },
    {
      name: "spin",
      title: { label: "旋转动画", tip: "spin|是否有旋转动画" },
      propType: "bool",
      defaultValue: false,
    },
  ],
  configure: {
    supports: {
      style: true
    }
  },
  snippets: [
    {
      title: "图标",
      screenshot: avatarImg,
      schema: {
        componentName: "AIcon",
        props: {
          type: "SmileOutlined",
          size: 20,
        },
      },
    },
  ]
}
